// import QtQuick 1.0 // to target S60 5th Edition or Maemo 5
import QtQuick 1.1
import "../Components"

GroupBox{
    width: _area.width * 1.2
    height: _area.height + _area.anchors.topMargin
    textBkSource: "../images/background.png"
    borderColor: "#888888"
    borderBkColor: "#00000000"
    radius: 5
    color: "#dddddd"

    property alias currentValue: _slider.value
    property alias currentKey: _selector.currentKey
    property alias currentKey2: _selector2.currentKey
    property alias model: _selector.model
    property alias model2: _selector2.model
    property alias max: _slider.max
    property alias min: _slider.min
    property alias sliderHeight: _slider.height

    Row{
        id: _area
        anchors.top: parent.top
        anchors.margins: parent.textHeight * 1.2
        anchors.left: parent.left
        anchors.leftMargin: 5
        spacing: 5

        //スライダー
        Column{
            spacing: 4
            Text{
                id: _sliderValue
                anchors.horizontalCenter: parent.horizontalCenter
                color: "#dddddd"
                text: _slider.value
            }
            Slider{
                id: _slider
                height: _selector.height - _sliderValue.paintedHeight
                max: 4
                min: 0
                value: 3
                guideColor: "#888888"
                handleColor: "#dddddd"
            }
            Item{
                width: 1
                height: 1
            }
        }

        //チェックボックス
        RadioBox{
            id: _selector
            fontColor: "#ffffff"
            currentIndex: 0
        }

        Rectangle{
            anchors.verticalCenter: parent.verticalCenter
            width: 1
            height: _selector.height
            color: "#888888"
            visible: _selector2.model !== undefined
        }

        //チェックボックス
        RadioBox{
            id: _selector2
            fontColor: "#ffffff"
            currentIndex: 0
        }
    }

}
